<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在线订房</title>
    <link rel="stylesheet" href="../css/top.css">
    <link rel="stylesheet" href="../css/foot.css">
    <link rel="stylesheet" href="../css/home.css">
    <link rel="stylesheet" href="../css/aboutus.css">
    <link rel="stylesheet" href="../css/online.css">
    <link rel="stylesheet" href="../aliIcon/iconfont.css">

    <script src="../js/jquery-3.5.1.min.js"></script>
    <script src="../js/tfload.js"></script>
    <script src="../js/PublicAjax.js"></script>
    <script src="../js/front/online.js"></script>
</head>
<body>
    <div id="top"></div>
    <div id="middle">
        <div class="mid-head">
            <div id="bigTitle" class="mid-head-one">TRADERS HOTEL</div>
            <div id="smallTitle" class="mid-head-two">LEAVE A LIGHT NIGHT WAITING FOR PEOPLE</div>
        </div>
        <div class="aboutus-mid-sec">
            <div>
                <div class="aboutus-ms-left">
                    <div class="aboutus-msl-one">
                        <!--边框-->
                        <div class="aboutus-mslo-border">
                            <div>
                                <img src="../img/jd_mhoe.png" height="231" width="176"/>
                            </div>
                            <div>订房热线</div>
                            <div id="rephone">400-0000-000</div>
                        </div>
                    </div>
                    <div class="aboutus-msl-two">
                        <div>
                            <div>服务项目</div>
                            <div>SERVICE&nbsp;ITEMS</div>
                        </div>
                    </div>
                    <div id="productName" class="aboutus-msl-three">
                        <!--<div>住宿客房及套房</div>-->
                        <!--<div>贵宾阁客房及套房</div>-->
                        <!--<div>服务式客房及套房</div>-->
                        <!--<div>餐厅及酒吧服务</div>-->
                        <!--<div>会议策划及场地</div>-->
                    </div>
                    <div class="aboutus-msl-four">
                        <div>点击立即订房</div>
                    </div>
                </div>
                <div class="online-ms-right">
                    <div>
                        <div>
                            <div>您的姓名</div>
                            <div class="base"><input type="text" id="name" name="name" autocomplete="off"></div>
                        </div>
                        <div>
                            <div>您的联系方式</div>
                            <div class="base"><input type="text" id="phone" name="phone" autocomplete="off"></div>
                        </div>
                        <div>
                            <div>入驻时间</div>
                            <div class="base"><input type="date" id="startDate" name="startDate"></div>
                        </div>
                        <div>
                            <div>退房时间</div>
                            <div class="base"><input type="date" id="endDate" name="endDate"></div>
                        </div>
                        <div>
                            <div>房间类型</div>
                            <div>
                                <select id="roomType">
                                    <option value="大床房">大床房</option>
                                    <option value="破烂房">破烂房</option>
                                </select>
                                <span id="ifont" class="ifont"></span>
                            </div>
                        </div>
                        <div>
                            <div>要求及意见</div>
                            <div class="idea-in"><textarea id="idea" name="idea" style="resize:none;"></textarea></div>
                        </div>
                        <div><input class="button-in" type="button" value="提交" onclick="save()"></div>
                    </div>
                    <div id="productImg">
                        <!--<img src="../img/01_6dzw.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/02_ruze.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/03_ad6p.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/04_6rdd.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/05_6weg.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/01_6dzw.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/02_ruze.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/03_ad6p.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/04_6rdd.jpg" height="232" width="300"/>-->
                        <!--<img src="../img/05_6weg.jpg" height="232" width="300"/>-->
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div id="foot"></div>
</body>
</html>